<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/mall-common :: common_head(~{::title},~{::link},~{::script})">
  <title>网上图书商城</title>
  <link rel="stylesheet" href="/styles/mall/search.css">
  <script src="/javascript/mall/search.js" type="text/javascript"></script>
</head>
<body>
<div th:replace="common/mall-common::mall-header"></div>

<div class="mall-body">
    <div class="area-title">查询的商品</div>
    <div class="goods-area">
      <a class="goods-item" th:each="books:${booksList}" th:href="${'/books-detail?id=' + books.id}">
        <img th:src="${books.getBooksSkuList().get(0).getBooksSkuImgList().get(0).getImage()}" class="goods-image"/>
        <div class="goods-info">
          <div class="goods-title-line">
            <div th:text="${books.name}" class="goods-name"></div>
            <div th:text="${books.getBooksSkuList().get(0).getCurrentPrice() + '元'}" class="goods-price"></div>
          </div>
          <div class="goods-place" th:text="'作者：' + ${books.author}"></div>
          <div class="belong-shop" th:text="'出版社：' + ${books.belongpublish.name}"></div>
          <div class="menu-item-selected-true" th:text="'库存：' + ${books.getBooksSkuList().get(0).inventory}"></div>
        </div>
      </a>
    </div>
</div>

<div th:replace="common/mall-common::mall-footer"></div>
</body>
</html>